<template>
  <section class="QuickMenu__container">
    <ul>
      <li>
        <a class="qly-menu-item" to="/">首页</a>
      </li>
      <li>用户管理</li>
      <li>角色管理</li>
      <li>权限管理</li>
    </ul>
  </section>
</template>

<script>
export default {};
</script>

<style lang='scss' scoped>
.QuickMenu__container {
  height: 100%;
  width: 300px;

  li {
    color: white;
    height: 20px;

    a {
      width: 100%;
      display: inline-block;
    }

    a:hover {
      background: red;
    }

    a:active {
      color: white;
      background: blue;
    }

    a:visited {
      color: white;
      background: blue;
    }
  }

  .qly-menu-item {
    height: 200px;
  }
}
</style>